<template>
    <div id="main">
        <div id="mytiny">hello world</div>
        <!-- <Editor :init="initobj"></Editor> -->
    </div>
</template>
  
<script setup>
import { onMounted } from 'vue';
import tinymce from 'tinymce'    //tinymce核心包
import Editor from '@tinymce/tinymce-vue'   //vue富文本编辑器组件，可以直接在使用
import Language from '../../../components/language/language.vue';

onMounted(()=>{
    //  tinymce.init({
    //     selector: '#mytiny',
    //     statusbar: false,
    //     menubar: false,
    //     toolbar: true
    //  })  //如果不用组件vue组件包（也就是上面引入的@tinymce/tinymce-vue）的话要初始化,并且要选中页面的节点,而且要把tinymce里面用文件夹装的js文件复制到public文件夹里面

    tinymce.init(initobj)
})

const initobj = {
    selector: '#mytiny',   //选择HTML页面中的节点
    statusbar: true,       //显示或隐藏状态栏
    menubar: true,         //显示或隐藏菜单栏
    toolbar: true,         //显示或隐藏工具栏
    skin: 'oxide-dark',    //选择主题    skin_url自定义主题
    language:'zh_CN',
    height: 480,
    // plugins : 'advlist autolink link image lists preview code help',

}
</script>
<style scoped>
#main{
    width: 98%;
    height: 500px;
    margin: 20px auto;
}
</style>